<script setup>
  // 导入中介
  import { ref } from 'vue';
  import meipo from '../meipo.js'

  const msg = ref('')


  meipo.on('toZhiNv', (v) => {
    msg.value = v
    meipo.emit('toNiuLang', '我也想你了', 'v2内容')
  })
</script>

<template>
  <div class="my-right">
    <h3>侄女</h3>
    <p v-if="msg">{{ msg }} from NiuLang</p>
  </div>
</template>

<style scoped>
  .my-right {
    flex: 1;
    align-items: center;
    align-content: center;
    text-align: center;
    height: 100px;
    background-color: #e76ace;
  }
</style>